<template>
<div>
    <ul class="word-wrap">
        <template v-for="item in Rlist">
            <router-link to="/shop" tag="li" :key='item.id'>
                <div>
                    <i></i>
                    <span>{{ item.name }}</span>
                </div>
            </router-link>
        </template>
    </ul>
</div>
</template>

<script>
import { mapState } from 'vuex'
export default {
    data () {
        return {
        }
    },
    computed:{
        ...mapState('search',['Rlist'])
    },
    mounted () {
    }
}
</script>

<style lang='scss' scoped>
.word-wrap{
    border-bottom: 1px solid #e4e4e4;
    li{
        padding-left: 16px;
        font-size: 14px;
        div{
            height: 44px;
            padding: 12px 0;
            position: relative;
            padding: 11px 0 11px 28px;
            color: #333;
            box-sizing: border-box;
            border-bottom: 1px solid #e4e4e4;
            i{
                background: url() no-repeat;
                background-size: 100% 100%;
                margin-right: 9px;
                display: inline-block;
                width: 15px;
                height: 15px
            }
            span{
                vertical-align: 11%;
            }
        }
    }
}

</style>
